// pages/search/search.js

// 引用api文件
const api = require('../../utils/api.js');
// 引入封装的请求类
const {myRequest} = require('../../utils/myRequest.js');

Page({

  /**
   * 页面的初始数据
   */
  data: {
    defaultKeyword: '',
    historyKeywordList: [],
    hotKeywordList: [],
    showCancel: false
  },

  // 输入框聚焦触发方法
  onFocus(e){
    // 设为显示
    this.setData({
      showCancel: true
    })
  },

  // 点击取消
  onCancel(){
    this.setData({
      showCancel: false
    })
  },

  // 点击热门搜索的keyword
  onKeyword(e){
    console.log('onKeyword',e);
    let keyword = e.currentTarget.dataset.keyword;
    // 请求搜索帮助接口的数据
    myRequest({
      url: api.searchHelp,
      data: { keyword },
      success: (res)=>{
        console.log('searchHelp数据',res);
        // let data = res.data.data;
        // this.setData({
        //   defaultKeyword: data.defaultKeyword,
        //   historyKeywordList: data.historyKeywordList,
        //   hotKeywordList: data.hotKeywordList
        // });
      }
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

    // 设置导航栏标题
    wx.setNavigationBarTitle({
      title: '搜索'
    })

    // 请求搜索页面数据接口获取渲染页面的数据
    myRequest({
      url: api.search,
      success: (res)=>{
        console.log('search数据',res);
        let data = res.data.data;
        this.setData({
          defaultKeyword: data.defaultKeyword,
          historyKeywordList: data.historyKeywordList,
          hotKeywordList: data.hotKeywordList
        });
      }
    });

    myRequest({
      url: api.searchRes,
      success: (res)=>{
        console.log('searchRes数据',res);
        // let data = res.data.data;
        // this.setData({

        // });
      }
    });

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    wx.showToast({
      title: '没有更多内容啦~',
      icon: 'none',
      duration: 1000
    })
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

})